<template>
  <div>
    App
    <hr />
    <Breadcrumb separator=">">
      <Breaditem :to="{ path: '/' }">首页</Breaditem>
      <Breaditem :to="{ path: '222' }">活动列表</Breaditem>
      <Breaditem>活动详情</Breaditem>
      <Breaditem>消息</Breaditem>
    </Breadcrumb>

    <!-- <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
      <el-breadcrumb-item>活动列表</el-breadcrumb-item>
      <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      <el-breadcrumb-item>活动详情</el-breadcrumb-item>
    </el-breadcrumb> -->
  </div>
</template>
<script>


import Breadcrumb from '@/Breadcrumb/Breadcrumb.vue'
import Breaditem from '@/Breadcrumb/Breaditem.vue'
export default {
  components: {
    Breadcrumb,
    Breaditem
  },

  mounted () {
  },
}
</script>
<style lang='less'  scoped>
</style>
